<template>
  <div class="todo-input">
    <input type="text" />
    <button>add</button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'TodoInput',
  components: {}
})
</script>

<style lang="scss" scoped>
.todo-input {
  input {
    padding: 5px;
    width: 200px;
  }

  button {
    margin-left: 10px;
    height: 30px;
  }
}
</style>
